<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/top.css"/>
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<link rel="stylesheet" type="text/css" href="css/通用.css"/>
		<link rel="stylesheet" type="text/css" href="css/floatLogo.css"/>

		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			body{
				background-color:#f5f5f5 ;
				font-size: 13px;
			}
			a{
				color: #000000;
				text-decoration: none;
			}
			a:hover{
				color: darkorange;
			}
			/* #img_box{
				margin-top: 40px;
				margin-left: 50px;
			}
			#img_box img{
				height: 70px;
			} */
			#enroll{
				margin-top: 70px;
				padding-left: 810px;
			}
			#table_box{
				
				margin-left: 600px;
				width: 400px;
				height: 500px;
			}
			#table{
				background-color:#ffffff ;
				border-radius: 20px;
				padding-top: 40px;
				padding-left: 40px;
				width: 380px;
				height: 300px;
			}
			
			#table td img{
				width: 40px;
			}
			
			
			.textbox{
				width: 300px;
				height: 30px;
				border-radius: 8px;
				border-color: #e6e6e6;
			}
			#enter{
				cursor:pointer;
				color: #FFFFFF;
				border-style: none;
				border-radius: 20px;
				background-color: #ff6600;
				width: 310px;
				height: 40px;
			}
		</style>
	</head>
	<body>
		<img src="img/imgmove.png" width="30px"  style="position: absolute;" id="imgmove">
		<div id="right_float" >
			<a href="index.html"><img src="img/logo.png" ></a>
		</div>
		<div id="top">
			<div id="top_center">
				<a href="index.html"><img src="img/logo.png" class="logo" ></a>
				<div class="top_list_box">
					<ul class="top_list">
						<li>
							<a href="index.html">首页</a>
						</li>
						<li>
							<a href="论坛.html">论坛</a>
						</li>
						<li>
							<a href="游戏.html">游戏</a>
						</li>
						<li>
							<a href="加入心动.html">加入心动</a>
						</li>
						<li>
							<a href="家长指引.html">家长指引</a>
						</li>
						<li>
							<a href="#">其他</a>
							<ul>
								<li class="lis"><a href="留言.html">留言</a></li>
								<li class="lis"><a href="pacific.html">太平洋网络</a></li>
							</ul>
						</li>
					</ul>
				
			</div>
			<div class="search_box">
					<input type="text" name=""  value="" class="search" placeholder="搜索" /><a href=""><img src="img/搜索按钮.png" ></a>
					
			</div>
		</div>

		<div id="enroll">
			没有心动账号？<a href="注册.html">立即注册</a>
		</div>
		<div id="table_box">
			
			<table border="0px" cellspacing="0" cellpadding="0" id="table">
			
				<tr>
					<td colspan="3"><input type="text" name="" id="" value="" placeholder="用户名" class="textbox"/></td>
					
				</tr>
				<tr>
					<td colspan="3"><input type="text" placeholder="密码" class="textbox"/></td>
					
				</tr>
				<tr>
					<td colspan="3"><input type="submit" value="登 录" id="enter"></td>
					
				</tr>
				<tr>
					<td colspan="2"><input type="checkbox" name="" id="" value="" />自动登录</td>
					<td align="center" ><a href="#">忘记密码?</a></td>
					
				</tr>
				<tr>
					<td colspan="3" style="color: #868787;">———————————或——————————</td>
				</tr>
				<tr>
					<td align="right" >
						<a href="#"><img src="img/qq.png" ></a>
					</td>
					<td width="100px"></td>
					<td align="left">
						<a href="#"><img src="img/weixin.png" ></a>
					</td>
				</tr>
				
			</table>
		</div>
		<div class="base">
				<!-- 底部通用于所有网页 -->
				<div id="base_center">
					<table border="0px" cellspacing="20px" cellpadding="5px">
						
						<tr>
							<td>
								<a href="#">免责声明</a> |
								<a href="#">隐私政策</a> |
								<a href="#">用户协议</a> |
								<a href="#">游戏大厅</a> |
								<a href="#">论坛</a>
							</td>
							<td align="right"><img src="img/logo2.png" ></td>
						</tr>
						<tr>
							<td>学号：2403130240</td>
							<td></td>
						</tr>
						<tr>
							<td>姓名：陈奕喧</td>
							<td></td>
						</tr>
						<tr>
							<td>在线客服微信公众号：123456</td>
							<td align="right">河北互联网举报中心</td>
						</tr>
						<tr>
							<td>投诉举报邮箱：tousu@xd.com</td>
							<td align="right">网上有害信息举报专区</td>
						</tr>
					</table>
				</div>
			</div>
		<script type="text/javascript">
			//下拉列表
			var list=document.querySelector(".top_list");
			var lis=list.children;
			for(var i=0;i<lis.length;i++){
				if(lis[i].children.length=="2"){
					lis[i].addEventListener("mousemove",function(){
						this.children[1].style.display="block";
						
					});
					lis[i].addEventListener("mouseout",function(){
						this.children[1].style.display="none";
					});
				}
			}
			//鼠标事件
			var pic=document.getElementById("imgmove");//获取图片对象
			document.addEventListener('mousemove',function(e){//添加鼠标移动事件
				var x=e.pageX||e.clientX+(document.body.scrollLeft||document.documentElement.scrollLeft);//获取鼠标在文档中的x坐标
				var y=e.pageY||e.clientY+(document.body.scrollTop||document.documentElement.scrollTop);//获取鼠标在文档中的y坐标
				pic.style.left=x+2+"px";//第四象限
				pic.style.top=y+2+'px';
			})
		</script>
	</body>
</html>
